<template>
    <div>
        <van-nav-bar left-arrow title="排行榜" @click-left="onClickLeft"></van-nav-bar>
        <van-tabs title-active-color="#288EF4" color="#288EF4" style="box-shadow:10px 0 10px rgba(0,0,0,0.1)">
            <van-tab title="个人排名" to="/ranking/person"></van-tab>
            <van-tab title="部门排名" to="/ranking/department"></van-tab>
        </van-tabs>
        <router-view />
    </div>
</template>

<script>
import {  NavBar, Tab, Tabs } from "vant";
export default {
    components: {
        [NavBar.name]: NavBar,
        [Tabs.name]: Tabs,
        [Tab.name]: Tab,
    },
    // 注意：组件挂载后才能访问到 ref 对象
    mounted() {
        
    },
    methods: {
        onClickLeft(){
            this.$router.push('/evaluation');
        }
    },
};
</script>

<style lang="less" scoped>

</style>
